<!--
 * @Author: 陈德基
 * @Date: 2023-12-13 00:39:13
 * @LastEditTime: 2023-12-13 00:49:39
 * @Description: 
 * @FilePath: /fullstack/react/demo/demo03/radius.html
 * 联系方式：
 * wx: melody_2009
 * qq: 7815171323 
-->

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
     .box {
        width: 100px;
        height: 100px;
        background-color: red;
        /* border-radius: 50%; */

        border-radius: 2px;

        /* 参数顺序：x轴偏移量 y轴偏移量 阴影模糊度 扩散半径 颜色  内外阴影 内外阴影控制 */
        box-shadow: 0px 0px 0px 1px #ccc inset;
      }

     .red {
        color: red;
      }
    </style>
  </head>
  <body>
    
  </body>
